// 求购中心
<template>
  <div class="buyCenter">
    <h3>求购中心</h3>
    <ul>
      <li v-for="item in content" :key="item.id">
        <img class="newpic" :src="newpic" v-show="item.newpicsrc">
        <img class="verify" src="@/assets/images/yiheshi.png">
        <h4>{{ item.name }}</h4>
        <p class="content">
          <span>{{ item.describe }}</span>
          <i>最低单价要求：{{ item.requirement }}</i>
        </p>
        <p class="time">{{ item.time }}</p>
        <address>
          <span>{{ item.address }}</span>
          <div>
            <el-button type="info" size="mini" @click="lookDetails(item.id)">查看详情</el-button>
            <el-button type="warning" size="mini" @click="lookDetails(item.id)">我有货</el-button>
          </div>
        </address>
      </li>
    </ul>
    <slot></slot>
  </div>
</template>
<script>
import newpic from "../../../assets/images/new.png";
export default {
  props: ["content", "currentPage"],
  name: "buyCenter",
  data() {
    return {
      newpic
      // content:[
      //     {
      //         newpicsrc: 1,
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天内，谢谢求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天内，谢谢',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 0
      //     },{
      //         newpicsrc: 1,
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天内，谢谢求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天内，谢谢',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 1
      //     },{
      //         newpicsrc: 1,
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天内',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 2
      //     },{
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 3
      //     },{
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天内',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 5
      //     },{
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 6
      //     },{
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 7
      //     },{
      //         name : 'Bieri 比利   液压控制阀  ERV700-6-AB-Ae00',
      //         describe : '求购现货控制阀，客户买来做备件的，您看下报给含税价。货期要求60天内',
      //         requirement :'最低单价要求：电议',
      //         time : '2018-09-26 10:12:10',
      //         address : '黑龙江 哈尔滨  **机械',
      //         id : 8
      //     }
      // ]
    };
  },

  methods: {
    lookDetails(id) {
      this.$router.push({
        name: "purchaseDetails",
        params: {
          id
        }
      });
    },

    scrollinit() {
      document.documentElement.scrollTop = 0;
    },

    newIcon() {
      console.log(this.currentPage);
    }
  },

  mounted() {
    this.scrollinit();
  }
};
</script>
<style lang="scss" scoped>
.buyCenter {
  width: 942px;
  h3 {
    color: #242424;
    width: 96px;
    line-height: 40px;
    border-bottom: 2px solid #0a83e7;
    text-align: center;
    margin-bottom: 20px;
  }
  ul {
    padding-left: 8px;
    li {
      position: relative;
      padding: 5px 25px;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
      margin: 15px 0px;
      .newpic {
        position: absolute;
        top: 0;
        left: 0;
      }
      .verify {
        position: absolute;
        top: 26px;
        right: 200px;
      }
      h4 {
        line-height: 36px;
        margin-top: 5px;
      }
      .content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        color: #676767;
        span {
          width: 648px;
        }
        i {
          width: 200px;
          color: #a6a6a6;
          text-align: center;
        }
      }
      .time {
        color: #a6a6a6;
        line-height: 52px;
      }
      address {
        line-height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        color: #777777;
      }
    }
  }
}
</style>
